<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
	<link rel="icon" href="../img/favicon.ico">
	<link rel="stylesheet" href="../css/video.css">

	<title>video.html</title>
</head>
<body>
	<div class="main">
		<h3>全部视频</h3>
	</div>
	<div class="main">
		<div class="weui-flex">
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
					<img src="../img/temp2/video.png" alt="">
<!--					<video class="video-box" src="video/video.mp4"></video>-->
					<div id="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
		</div>
		<div class="weui-flex">
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
		</div>
		<div class="weui-flex">
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
		</div>
		<div class="weui-flex">
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
		</div>
		<div class="weui-flex">
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="video_detail.html" title="">
<!--					<img src="img/temp/video_02.png" alt="">-->
					<video class="video-box" src="../video/video.mp4"></video>
					<div class="output"></div>
					<i class="iconfont icon-play"></i>
					<div class="video-title">
						<p class="elli-1">蜂场现场视频</p>
					</div>
				</a>
			</div>
		</div>
		<div class="weui-loadmore">
		  	<i class="weui-loading"></i>
		  	<span class="weui-loadmore__tips">正在加载</span>
		</div>
		<div class="weui-loadmore weui-loadmore_line">
		  	<span class="weui-loadmore__tips">暂无数据</span>
		</div>
	</div>
	
	<!-- 底部 -->
    <div class="three clearfloat">
    	<a href="../index.html">
    		<span class="iconfont icon-home-red"></span>
    		<p>首页</p>
    	</a>
    	<a href="beehive_list.html">
    		<span class="iconfont icon-location"></span>
    		<p>蜜源寻蜜</p>
    	</a>
    	<a href="member_info.html">
    		<span class="iconfont icon-center"></span>
    		<p>会员中心</p>
    	</a>
    </div>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

<script src="../plugins-插件/swiper/swiper-bundle.min.js"></script>


<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<script type="text/javascript">
	var loading = false;
	$(document.body).infinite().on("infinite", function() {
		if(loading) return;
		loading = true;
		setTimeout(function() {
			$(".main").append(
				'<div class="weui-flex">'+'<div class="weui-flex__item">'+
					'<a href="video_detail.html" title="">'+
						'<video class="video-box" src="../video/video.mp4"></video>'+
							'<i class="iconfont icon-play"></i>'+
							'<div class="video-title">'+
								'<p class="elli-1">蜂场现场视频</p>'+
							'</div>'+
					'</a>'+
				'</div>'+
				'<div class="weui-flex__item">'+
					'<a href="video_detail.html" title="">'+
						'<video class="video-box" src="../video/video.mp4"></video>'+
						'<i class="iconfont icon-play"></i>'+
						'<div class="video-title">'+
							'<p class="elli-1">蜂场现场视频</p>'+
						'</div>'+
					'</a>'+
				'</div>'+
			'</div>'
			);
			loading = false;
		}, 1000);
	});
</script>
</body>
</html>